
<!-- @start @author mohammed mattr

this page retrieves an ordered list of the logs of users -->
<html>

<head>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>

<title>Logs</title>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>



</head>


<body>
<div data-role="header">

<h3>Logs</h3>

</div>

<table width=1200px;  id="dataTable" background = "black"; border="3"; BORDERCOLOR=black>

<tr>

<th style="background-color: black;font-family:Arial;font-size:20px"><p style="times;color:white;">User</p></th>

<th style="background-color: black;font-family:Arial;font-size:20px"><p style="times;color:white;">Action</p></th>

<th style="background-color: black;font-family:Arial;font-size:20px"><p style="times;color:white;">Date</p></th>

</tr>


<div data-role="content">

#{list items:logs, as:'Logs'} 

<tr>


<td>

<ul><h2> User name: ${Logs.user.name}</h2> </ul>
<ul><h2>User E-mail: ${Logs.user.mail}</h2> </ul>

</td>

<td>

<h2>  ${Logs.action}</h2> 

</td>

<td>

 <h2>${Logs.date}</h2> 

</td>

#{/list}

#{else}

<td>

<h2>  No logs</h2> 

</td>

<td>

<h2>  No logs</h2> 

</td>
<td>

<h2>  No logs</h2> 

</td>

#{/else}

</table>

</ul>

</div>

<div data-role="footer">

<h3>Logs</h3>

</div>
</body>


</html>

<!--@End Mohammed mattr -->